<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>Bootstrap 101 Template</title>

    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link type="text/css" href="css/maolaoshifu.css" rel="stylesheet"/>
    <script src="js/jquery-1.11.0.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <style>
        body{
            background: url(img/bodyimg7.jpg) no-repeat left top;
            /*background-color: lightgrey;*/
            background-size:100% 100%;
            height: 100%;
            width: 100%;
            background-attachment:fixed;
        }
        .navbar {
            height: auto;
        }

        .major {
            margin-top: 0px;
        }

        .first {
            background-color: #999999;
            height: 100px;
        }

        .paddingtop {
            padding-top: 10px;;
        }

        .search-btn {
            float: left;
            border: 1px #66afe9 solid;
            text-align: center;
            width: 90px;
            line-height: 35px;
            background-color: #66afe9;
            height: 35px;
            margin-top: 25px;
        }

        .search-input {
            float: left;
            border: 2px #66afe9 solid;
            width: 400px;
            height: 35px;
            padding: 5px;
            margin-top: 25px;
        }

        .bottomimg {
            background-color: white;
            float: top;
            height: 150px;
            margin-top: 10px;
        }

        .right-major {
            background-color: white;
            height: 445px;
            margin-right: -5px;
            margin-left: 5px;
            padding: 0px;
        }

        .carousel img {
            width: 100%;
            height: auto;
        }

        .xuexiquan {
            margin-top: 5px;
            border-bottom: #ec971f 2px solid;
            padding: 5px;
        }

        .xuexiquanneirong {
            margin-top: 10px;
        }

        .xueba {
            height: 280px;
            /*border: 1px #e4e4e4 solid;*/
            /*background-color:  #D5F3F4;*/
            background-color: white;

        }

        .xueba1 {
            background-color: #f8f8f8;

        }

        .xueba2 {
            padding: 0px;
        }

        .a_huashan {
            float: right;
            font-size: 12px;
            color: inherit;
        }

        .p_xueba {
            font-size: 20px;
            float: left;
            font-weight: bolder;
            background-color: #479AC7;
            color: white;
            padding: 0px;
            margin: 0px;
        }

        .xueba3 {
            height: 280px;
            background-color: white;
            margin-left: 5px;
            margin-right: -5px;
        }
        .xiakehou-right{
            margin-left: 5px;
            margin-right: -5px;
        }
        .d1{
            background-color: white;
        }
        .d0{
            border: 1px #e4e4e4 solid;
        }
        .navbar-middle{
            float: right;
            font-size: 13px;
            color: white;
            vertical-align: middle;
            text-align: center;
            width: 200px;
        }
        ul{
            list-style: none;
        }
        li{
            line-height: 40px;
        }
        #x1 > li {
            white-space:nowrap;
            text-overflow:ellipsis;
            -o-text-overflow:ellipsis;
            overflow: hidden;
            width: 180px;
        }
        #t1>li{
            white-space:nowrap;
            text-overflow:ellipsis;
            -o-text-overflow:ellipsis;
            overflow: hidden;
            width: 180px;
        }
        #x3>li{
            white-space:nowrap;
            text-overflow:ellipsis;
            -o-text-overflow:ellipsis;
            overflow: hidden;
        }
        a{
            color:  #1f3b7b;
        }
        .actGotop{position:fixed; _position:absolute; bottom:100px; right:25px; width:150px; height:195px; display:none;}
        .actGotop a,.actGotop a:link{width:150px; height:195px; display:inline-block; background:url(img/blog7year_gotop.png) no-repeat; _background:url(img/blog7year_gotop.gif) no-repeat; outline:none;}
        .actGotop a:hover{width:150px; height:195px; background:url(img/blog7year_gotopd.gif) no-repeat; outline:none;}
    </style>

</head>
<body>
<header class="container-fluid head">
    <!--<div class="row first">-->
    <!--<img src="img/3.jpg" class="first" width="100%" height="100%">-->
    <!--</div>-->
    <div class="row paddingtop">
        <div class="col-md-3"><img src="img/logo.png" alt="..." class="" width="250px" height="100px"></div>
        <div class="col-md-5">
            <input class="search-input" placeholder="请输入搜索内容" id="search-input">
            <a href="javascript:" class="search-btn" id="search-btn">搜索</a>
        </div><!--搜索功能-->
        <div class="col-md-4"><img src=""></div><!--制作人名单-->
    </div>
    <div class="row">
        <nav class="navbar navbar-inverse">
            <div class="container-fluid">
                <!-- Brand and toggle get grouped for better mobile display -->
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                            data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" style="font-size: 30px;font-weight: bolder;color: white">学声</a>
                </div>

                <!-- Collect the nav links, forms, and other content for toggling -->
                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                    <ul class="nav navbar-nav" id="nav_container">
                        <!--<li><a href="#" style="font-size: 20px">首页<span class="sr-only">(current)</span></a></li>-->
                        <!--<li><a href="#" style="font-size: 18px">学术圈</a></li>-->
                        <!--<li><a href="#" style="font-size: 18px">吐槽会</a></li>-->
                        <!--<li><a href="#" style="font-size: 18px">男女那些事</a></li>-->
                        <!--<li><a href="#" style="font-size: 18px">废品重用</a></li>-->
                        <!--<li><a href="#" style="font-size: 18px">学术资源分享</a></li>-->
                        <!--<li><a href="#" style="font-size: 18px">下课后</a></li>-->
                    </ul>
                    <div class="navbar-middle">
                        <a href="Login.html" class="btn btn-default btn-lg active" role="button" id="login" style="margin-right: 10px">登录</a>
                        <a href="#" class="btn btn-default btn-lg active" role="button" id="register">注册</a>
                    </div>
                    <div>
                        <ul class="nav navbar-nav navbar-right">
                            <li><a href="#">关于我们</a></li>
                            <li class="dropdown">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button"
                                   aria-haspopup="true" aria-expanded="false">帮助<span class="caret"></span></a>
                                <ul class="dropdown-menu">
                                    <li><a href="#">使用说明</a></li>
                                    <li><a href="#">权益说明</a></li>
                                    <li><a href="#">联系方式</a></li>
                                    <li role="separator" class="divider"></li>
                                    <li><a href="#">感谢支持</a></li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                </div><!-- /.navbar-collapse -->
            </div><!-- /.container-fluid -->
        </nav>
    </div>
    </div>
</header>
<!--主体-->
<div class="container major">
    <div class="row">
        <div class="col-md-4">
            <div class="row">
                <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
                    <!-- Indicators -->
                    <ol class="carousel-indicators">
                        <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                        <li data-target="#carousel-example-generic" data-slide-to="1"></li>
                        <li data-target="#carousel-example-generic" data-slide-to="2"></li>
                        <li data-target="#carousel-example-generic" data-slide-to="3"></li>
                    </ol>

                    <!-- Wrapper for slides -->
                    <div class="carousel-inner" role="listbox">
                        <div class="item active" style="height: 282px;width: 390px">
                            <img src="img/lunbo5.jpg" alt="..." class="img-responsive">

                        </div>
                        <div class="item" style="height: 282px;width: 390px">
                            <img src="img/luno3.jpg" alt="..." class="img-responsive">

                        </div>
                        <div class="item" style="height: 282px;width: 390px">
                            <img src="img/lunbo6.jpg" alt="..." class="img-responsive">

                        </div>
                        <div class="item" style="height: 282px;width: 390px">
                            <img src="img/lubo1.jpg" alt="..." class="img-responsive">

                        </div>
                    </div>
                    <!-- Controls -->
                    <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
                        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                        <span class="sr-only">Previous</span>
                    </a>
                    <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
                        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                        <span class="sr-only">Next</span>
                    </a>
                </div>
            </div>
            <div class="row bottomimg">
                <div style="font-size: 20px;font-weight: bolder;color:white;background-color:#479AC7;width: 45px">风声</div>
                <ul id="left-2">
                    <li style="font-weight: bolder;font-size: 20px">最近尚无风声透露，敬请期待</li>
                    <img src="img/emoj.jpg" width="200px" height="60px">
                </ul>
            </div>
        </div>
        <div class="col-md-8 right-major">
            <div style="font-size: 20px;font-weight: bolder;color:white;background-color:#479AC7;width: 90px;">近日大事</div>
            <ul class="mainevent" style="font-size: 17px;color: #1f3b7b;font-weight: bold">
                <li>网易严选和民宿合作 计划一年内做到5000套</li>
                <li>国家主席习近平复信世界卫生组织总干事谭德塞，表示中国将继续为国际社会抗击疫情提供支持</li>
                <li>外交部回应有关特朗普称世卫组织偏袒中国言论提问</li><img src="img/demo1.jpg" width="200px" height="120px">
                <br>
                <span style="font-weight: bolder;font-size: 40px;float: left" >果然！</span><li>意大利“1号病人”并不是第一个</li>
                <br>
                <li style="font-size: 20px">坚定信心、同舟共济，武汉必胜，中国必胜</li>
            </ul>
        </div>
    </div>
    <div class="row xuexiquan">
        <img src="img/6.jpg" width="20px" height="20px">
        <span style="color: #0018ff;font-weight: bolder">学术圈</span>
    </div>
    <div class="row xuexiquanneirong">
        <div class="col-md-4 xueba">
            <div class="row xueba1">
                <p class="p_xueba">月度最佳</p>
                <a class="a_huashan">>>>查看榜单</a>
            </div>
            <div class="row xueba2">
                <ul id="x1">
                    <!--<li>1</li>-->
                    <!--<li>2</li>-->
                    <!--<li>3</li>-->
                    <!--<li>4</li>-->
                    <!--<li>5</li>-->
                </ul>
            </div>
        </div>
        <div class="col-md-8 xueba3">
            <div class="row xueba1">
                <p class="p_xueba">今日亮贴</p>
                <a class="a_huashan" href="searchpage.html?cid=1">>>>查看更多热帖</a>
            </div>
            <div class="row">
                <ul id="x2">
                    <!--<li>1</li>-->
                    <!--<li>2</li>-->
                    <!--<li>3</li>-->
                    <!--<li>4</li>-->
                    <!--<li>5</li>-->
                </ul>
                <img src="img/xuexiquan.jpg" width="200px" height="200px" style="float: right;margin-top: -200px"  class="img-circle">
            </div>
        </div>
    </div>
    <div class="row xuexiquan">
        <img src="img/6.jpg" width="20px" height="20px">
        <span style="color: #0018ff;font-weight: bolder">吐槽会</span>
    </div>
    <div class="row xuexiquanneirong">
        <div class="col-md-4 xueba">
            <div class="row xueba1">
                <p class="p_xueba">月度最佳</p>
                <a class="a_huashan">>>>查看榜单</a>
            </div>
            <div class="row xueba2">
                <ul id="t1">
                    <!--<li>1</li>-->
                    <!--<li>2</li>-->
                    <!--<li>3</li>-->
                    <!--<li>4</li>-->
                    <!--<li>5</li>-->
                </ul>
            </div>
        </div>
        <div class="col-md-8 xueba3">
            <div class="row xueba1">
                <p class="p_xueba">今日亮贴</p>
                <a class="a_huashan" href="searchpage.html?cid=2">>>>查看更多热帖</a>
            </div>
            <div class="row">
                <img src="img/tucao.jpg" width="200px" height="100px"; style="float: left" class="">
                <ul id="t2">
                    <!--<li>1</li>-->
                    <!--<li>2</li>-->
                    <!--<li>3</li>-->
                    <!--<li>4</li>-->
                    <!--<li>5</li>-->
                </ul>
            </div>
        </div>
    </div>
    <div class="row xuexiquan">
        <img src="img/6.jpg" width="20px" height="20px">
        <span style="color: #0018ff;font-weight: bolder">男女那些事</span>
    </div>
    <div class="row xuexiquanneirong">
        <div class="col-md-4 xueba" style="padding: 0px">
            <img src="img/nannv.jpg" height="280px" >
        </div>
        <div class="col-md-8 xueba3">
            <div class="row xueba1">
                <p class="p_xueba">今日亮贴</p>
                <a class="a_huashan" href="searchpage.html?cid=3">>>>查看更多热帖</a>
            </div>
            <div class="row">
                <img src="img/nannv2.jpg" width="180px" height="180px" style="float: right" class="">
                <ul id="n1">
                    <!--<li>1</li>-->
                    <!--<li>2</li>-->
                    <!--<li>3</li>-->
                    <!--<li>4</li>-->
                    <!--<li>5</li>-->
                </ul>
            </div>
        </div>
    </div>
    <div class="row xuexiquan">
        <img src="img/6.jpg" width="20px" height="20px">
        <span style="color: #0018ff;font-weight: bolder">废品重用</span>
    </div>
    <div class="row" id="feiping">
        <div class="col-md-3">
            <div class="thumbnail">
                <img src="img/7.jpg">
                <p>AJ4小阿姆复刻版，价格可议，私信即可</p>
                <font color="red">￥1000</font>
            </div>
        </div>
        <div class="col-md-3">
            <div class="thumbnail">
                <img src="img/7.jpg">
                <p>AJ4小阿姆复刻版，价格可议，私信即可</p>
                <font color="red">￥1000</font>
            </div>
        </div>
        <div class="col-md-3">
            <div class="thumbnail">
                <img src="img/7.jpg">
                <p>AJ4小阿姆复刻版，价格可议，私信即可</p>
                <font color="red">￥1000</font>
            </div>
        </div>
        <div class="col-md-3">
            <div class="thumbnail">
                <img src="img/7.jpg">
                <p>AJ4小阿姆复刻版，价格可议，私信即可</p>
                <font color="red">￥1000</font>
            </div>
        </div>
        <a class="a_huashan">>>更多</a>
    </div>
    <div class="row">
        <div class="col-md-6 d0">
            <div class="row xuexiquan">
                <img src="img/6.jpg" width="20px" height="20px">
                <span style="color: #0018ff;font-weight: bolder">学术资源交流</span>
            </div>
            <div class="row d1">
                <p>今日亮贴</p>
                <ul id="x3">
                    <!--<li>1</li>-->
                    <!--<li>2</li>-->
                    <!--<li>3</li>-->
                    <!--<li>4</li>-->
                    <!--<li>5</li>-->
                </ul>
            </div>
        </div>
        <div class="col-md-6 xiakehou-right d0">
            <div class="row xuexiquan">
                <img src="img/6.jpg" width="20px" height="20px">
                <span style="color: #0018ff;font-weight: bolder">下课后</span>
            </div>
            <div class="row d1">
                <p>今日亮贴</p>
                <ul id="x4">
                    <!--<li>1</li>-->
                    <!--<li>2</li>-->
                    <!--<li>3</li>-->
                    <!--<li>4</li>-->
                    <!--<li>5</li>-->
                </ul>
            </div>
        </div>
    </div>
</div>
<!--<div><img src="img/r3.jpg" style="bottom: 0px;right: 0px;position: fixed" class="img-circle" width="100px" height="100px" id="img1"></div>-->
<div style="position:fixed; top:50px; left:0px; width:100%;">
</div>
<div class="mao_box">
    <div class="mao">
        <div class="mao_head">
            <div class="huawen">
                <div><!--头部花纹——左边橙色--></div>
            </div>
        </div>
        <div class="erduo">
            <div></div>
            <div></div>
        </div>
        <div class="yanjing">
            <div>
                <div class="yanquan">
                    <div></div>
                </div>
                <div class="yanquan_hedding">

                </div>
                <div class="hong"></div>
            </div>
            <div class="yan_right">
                <div class="yanquan">
                    <div></div>
                </div>
                <div class="yanquan_hedding">

                </div>
                <div class="hong"></div>
            </div>
            <div style="clear:both"></div>
        </div>
        <div class="face_huawen">
            <div class="face_huawen_huawen huawen_left">
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>

            </div>
            <div class="face_huawen_huawen huawen_right">
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>

            </div>
            <div style="clear:both"></div>
        </div>
        <div class="bizi">
            <div></div>
            <div></div>
            <div></div>
            <div></div>
        </div>
        <div class="zuiba_box">
            <div class="zuiba">
                <div></div>
                <div></div>
                <div></div>
            </div>
        </div>
    </div>
</div>
<div class="actGotop"><a href="javascript:;" title="Top"></a></div>

<footer class="container-fluid xueba1" style="margin-top: 20px">
    <div class="row" style="background-color:#e6e6e6;color:#777777;text-align: center">
        <img src="img/logo.png" style="float: left" width="150px" height="60px">
        <div  class="col-md-8">
            <p style="float: left">学声网为如弟，GC，大豚哥开发，内容尚未完善</p><br><br>
            <p style="float: left">版权由开发者所有，感谢支持</p>
        </div>
        <div style="margin-left:700px;margin-top: -55px" class="col-md-4">
            <a rel="nofollow" href="http://www.beian.miit.gov.cn" ><span>备案号：</span>苏ICP备19067655号</a><br>
            <a href="#" style="color: #777777">联系方式</a>
        </div>
    </div>
</footer>
<script>
    $(function () {
        $.post("user/find",{},function (data) {
            $(".navbar-middle").html("<p>欢迎光临</p>"+data.username);
            $(".navbar-middle").append("<a href='/personalpage.html' style='color: white'>   &nbsp&nbsp   个人资料  &nbsp&nbsp </a>");
            $(".navbar-middle").append("<a href='user/quit' style='color: white'> 退出  </a>")
        })
    })
    $('.carousel').carousel({
        interval: 3000
    })
    $(function () {
        $.post("category/findAll",{},function (data) {
            var lis='<li><a href="#" style="font-size: 20px">首页<span class="sr-only">(current)</span></a></li>';
            for (var i=0;i<data.length;i++){
                var li='<li><a href="searchpage.html?cid='+data[i].cid+'"; style="font-size: 18px">'+data[i].cname+'</a></li>';
                lis+=li;
            }
            $("#nav_container").html(lis)
        },"json");
    });
</script>
<script>
    $(function () {
        $.post("topic/queryforxue",{},function (qx) {
            var lis1="";
            var num=1;
            for (var i=0;i<5;i++){
                var li='<li style="font-weight: bold;font-size: 18px;float: left"><a style="" href="contextpage.html?tid='+qx[i].tid+'">'+num+'.'+qx[i].title+'</a></li><span style="font-size:14px;line-height: 40px;margin-left: 55px;font-weight: bold;color: #479AC7">点赞数'+qx[i].thumbup+'</span><br>';
                num++;
                lis1+=li;
            }
            $("#x1").html(lis1)
        },"json")
    })
    $(function () {
        $.post("topic/queryforxue2",{},function (qx) {
            var lis2="";
            var num=1;
            for (var i=0;i<8;i++){
                var li='<li style="font-weight: bold;font-size: 15px;line-height: 30px"><a style="" href="contextpage.html?tid='+qx[i].tid+'">'+num+'.'+qx[i].title+'&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="font-size:13px;color: grey">------'+qx[i].username+'</span></a></li>';
                num++;
                lis2+=li;
            }
            $("#x2").html(lis2);
        },"json")
    })
    $(function () {
        $.post("topic/queryfortu",{},function (qx) {
            var lis2="";
            var num=1;
            for (var i=0;i<5;i++){
                var li='<li style="font-weight: bold;font-size: 18px;float: left"><a style="" href="contextpage.html?tid='+qx[i].tid+'">'+num+'.'+qx[i].title+'</a></li><span style="font-size:14px;line-height: 40px;margin-left: 55px;font-weight: bold;color: #479AC7">点赞数'+qx[i].thumbup+'</span><br>';
                num++;
                lis2+=li;
            }
            $("#t1").html(lis2)
        },"json")
    })
    $(function () {
        $.post("topic/queryfortu2",{},function (qx) {
            var lis2="";
            var num=1;
            for (var i=0;i<8;i++){
                var li='<li style="font-weight: bold;font-size: 15px;line-height: 30px"><a style="" href="contextpage.html?tid='+qx[i].tid+'">'+num+'.'+qx[i].title+'&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="font-size:13px;color: grey">------'+qx[i].username+'</span></a></li>';
                num++;
                lis2+=li;
            }
            $("#t2").html(lis2);
        },"json")
    })
    $(function () {
        $.post("topic/queryfornannv",{},function (qx) {
            var lis2="";
            var num=1;
            for (var i=0;i<8;i++){
                var li='<li style="font-weight: bold;font-size: 15px;line-height: 30px"><a style="" href="contextpage.html?tid='+qx[i].tid+'">'+num+'.'+qx[i].title+'&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="font-size:13px;color: grey">------'+qx[i].username+'</span></a></li>';
                num++;
                lis2+=li;
            }
            $("#n1").html(lis2);
        },"json")
    })
    $(function () {
        $.post("topic/queryforimg",{},function (qx) {
            var lis2="";
            for (var i=0;i<4;i++){
                var li='<div class="col-md-3"> <div class="thumbnail"> <img src="'+qx[i].imgcontext+'" style="height: 168px;width: 253px"> <a style="text-align: center" href="contextpage.html?tid='+qx[i].tid+'">'+qx[i].title+'</a><br> <font color="red">￥10??</font> </div> </div>';
                lis2+=li;
            }
            $("#feiping").html(lis2);
        },"json")
    })
    $(function () {
        $.post("topic/queryforxue3",{},function (qx) {
            var lis2="";
            var num=1;
            for (var i=0;i<8;i++){
                var li='<li style="font-weight: bold;font-size: 15px;line-height: 30px"><a style="" href="contextpage.html?tid='+qx[i].tid+'">'+num+'.'+qx[i].title+'&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="font-size:13px;color: grey">------'+qx[i].username+'</span></a></li>';
                num++;
                lis2+=li;
            }
            $("#x3").html(lis2);
        },"json")
    })
    $(function () {
        $.post("topic/queryforx4",{},function (qx) {
            var lis2="";
            var num=1;
            for (var i=0;i<8;i++){
                var li='<li style="font-weight: bold;font-size: 15px;line-height: 30px"><a style="" href="contextpage.html?tid='+qx[i].tid+'">'+num+'.'+qx[i].title+'&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="font-size:13px;color: grey">------'+qx[i].username+'</span></a></li>';
                num++;
                lis2+=li;
            }
            $("#x4").html(lis2);
        },"json")
    })

</script>
<script src="js/getParameter.js"></script>
<script>
    $("#search-btn").click(function () {
        var title=$("#search-input").val();
        location.href="searchpage.html?title="+title;
    })
    $("#img1").click(function () {
        $("html,body").stop().animate({
            scrollTop: 0
        },400)
    });
</script>
<script type="text/javascript">
    $(function(){
        $(window).scroll(function() {
            if($(window).scrollTop() >= 100){
                $('.actGotop').fadeIn(300);
            }else{
                $('.actGotop').fadeOut(300);
            }
        });
        $('.actGotop').click(function(){$('html,body').animate({scrollTop: '0px'}, 800);});
    });
</script>
</body>
</html>